<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>搜索</title>
	<link rel="stylesheet" type="text/css" href="css/xin_base.css">
	<link rel="stylesheet" type="text/css" href="css/sousuo.css">
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript">
		$(function() {
			// 瀑布流·····················································
				$('.sousuoContent li:gt(3)').hide();
				var iList=3;
				$(window).scroll(function(event) {
							if ($(document).scrollTop() + $(window).height() > $(document).height() - 150) {

									for (var i = iList; i < iList+3; i++) {
										$('.sousuoContent li').eq(i).delay((i-iList+1)*500).fadeIn(1000);

									};
									iList=iList+3;
							};
						});



			// 瀑布流·····················································
		});	


	</script>
</head>
<body>
	<div class="sousuoWrap">
		<div class="sousuokuang">
			<form action="">
				<input type="text" class="sousuo" placeholder="请输入要搜索的内容" required>
				<input type="submit" value="搜本站" class="benzhan">
				
			</form>

		</div>
		<div class="sousuoContent">
			<ul>
				<li>
					<a href="javascript:;">	
							<h3>题目题目题目题目题目</h3>
								<div class="videoNewsListImg">
									<img src="images/musiclistpsd.png" alt="">
								</div>
								
								<p>简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介</p>
								
							</a>
							<div class="laiyuan clearfix">
								<span>www.greattone.com</span><span>2016-1-18</span>		
							</div>
				</li>
				<li>
					<a href="javascript:;">	
							<h3>题目题目题目题目题目</h3>
								<div class="videoNewsListImg">
									<img src="images/musiclistpsd.png" alt="">
								</div>
								
								<p>简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介</p>
								
							</a>
							<div class="laiyuan clearfix">
								<span>www.greattone.com</span><span>2016-1-18</span>		
							</div>
				</li>
				<li>
					<a href="javascript:;">	
							<h3>题目题目题目题目题目</h3>
								<div class="videoNewsListImg">
									<img src="images/musiclistpsd.png" alt="">
								</div>
								
								<p>简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介</p>
								
							</a>
							<div class="laiyuan clearfix">
								<span>www.greattone.com</span><span>2016-1-18</span>		
							</div>
				</li>
				<li>
					<a href="javascript:;">	
							<h3>题目题目题目题目题目</h3>
								<div class="videoNewsListImg">
									<img src="images/musiclistpsd.png" alt="">
								</div>
								
								<p>简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介</p>
								
							</a>
							<div class="laiyuan clearfix">
								<span>www.greattone.com</span><span>2016-1-18</span>		
							</div>
				</li>
				<li>
					<a href="javascript:;">	
							<h3>题目题目题目题目题目</h3>
								<div class="videoNewsListImg">
									<img src="images/musiclistpsd.png" alt="">
								</div>
								
								<p>简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介</p>
								
							</a>
							<div class="laiyuan clearfix">
								<span>www.greattone.com</span><span>2016-1-18</span>		
							</div>
				</li>
				<li>
					<a href="javascript:;">	
							<h3>题目题目题目题目题目</h3>
								<div class="videoNewsListImg">
									<img src="images/musiclistpsd.png" alt="">
								</div>
								
								<p>简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介</p>
								
							</a>
							<div class="laiyuan clearfix">
								<span>www.greattone.com</span><span>2016-1-18</span>		
							</div>
				</li>
				<li>
					<a href="javascript:;">	
							<h3>题目题目题目题目题目</h3>
								<div class="videoNewsListImg">
									<img src="images/musiclistpsd.png" alt="">
								</div>
								
								<p>简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介</p>
								
							</a>
							<div class="laiyuan clearfix">
								<span>www.greattone.com</span><span>2016-1-18</span>		
							</div>
				</li>
				<li>
					<a href="javascript:;">	
							<h3>题目题目题目题目题目</h3>
								<div class="videoNewsListImg">
									<img src="images/musiclistpsd.png" alt="">
								</div>
								
								<p>简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介</p>
								
							</a>
							<div class="laiyuan clearfix">
								<span>www.greattone.com</span><span>2016-1-18</span>		
							</div>
				</li>
				<li>
					<a href="javascript:;">	
							<h3>题目题目题目题目题目</h3>
								<div class="videoNewsListImg">
									<img src="images/musiclistpsd.png" alt="">
								</div>
								
								<p>简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介</p>
								
							</a>
							<div class="laiyuan clearfix">
								<span>www.greattone.com</span><span>2016-1-18</span>		
							</div>
				</li>
				<li>
					<a href="javascript:;">	
							<h3>题目题目题目题目题目</h3>
								<div class="videoNewsListImg">
									<img src="images/musiclistpsd.png" alt="">
								</div>
								
								<p>简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介</p>
								
							</a>
							<div class="laiyuan clearfix">
								<span>www.greattone.com</span><span>2016-1-18</span>		
							</div>
				</li>

			</ul>

		</div>

	</div>
</body>
</html>